<script setup lang="ts">
const prop = defineProps<{
  name?: string
  money: number
}>()

// 子传父
// 第一步：在子组件中使用defineEmits定义一个函数
defineEmits<{
  // 事件名为 changeMoney，参数为 money，返回值为 void
  (e: 'changeMoney', money: number): void
}>()
</script>

<template>
  <div>
    <h2>子组件</h2>
    <p>name: {{ name }}</p>
    <p>money: {{ money }}</p>
    <!-- 第三步：在子组件触发事件，调用父组件定义的函数，并传递参数 -->
    <button @click="$emit('changeMoney', 1234)">加钱</button>
  </div>
</template>

<style scoped>
div {
  width: 200px;
  height: 200px;
  background: aqua;
}
</style>
